<template>
	<view class="showVideo">
		<u-popup v-model="showModel" mode="center" @close="close" height='282px' >
			<!-- <video :src="url" controls :show-fullscreen-btn="true"></video> -->
			<xiao-video-component :src="url"></xiao-video-component>
		</u-popup>
	</view> 
</template>

<script>
	export default{
		data(){
			return{
				showModel:false
			}
		},
		onShow() {
			this.showModel = this.show
		},
		props:{
			show:{
				type:Boolean,
				default:false
			},
			url:{
				type:String,
				default:''
			}
		},
		methods:{
			close(){
				this.showModel = false
				this.$emit('update:show',false)
			}
		},
		watch:{
			show(e){
				this.showModel = e
			}
		}
	}
</script>

<style scoped>
</style>
